<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
    <link rel="stylesheet" href="__STATIC__/share/css/swiper.min.css">
    <link rel="stylesheet" href="__STATIC__/share/css/class.css">
    <link rel="stylesheet" href="__STATIC__/share/css/main.css">
    <script src="__STATIC__/share/js/rem/flex.js"></script>
    <script src="__STATIC__/share/js/swipe.min.js"></script>
    <script src="__STATIC__/share/js/jquery.js"></script>
    <script src="__STATIC__/share/js/enlarge.js"></script>
    <script src="__STATIC__/share/js/event.js"></script>
    <script src="__STATIC__/share/data/emoji-data.js"></script>
    <script src="__STATIC__/share/utils/emoji.js"></script>
    <title>分享班级</title>
    <style>
        .body {
            height: auto;
            position: absolute;
        }
    </style>
</head>
<body>
<div class="body" id="list">
    <div class="header" id="classHeader">
        <div class="immersion">
            <!--<span class="backImg">-->
            <!--<img src="img/ic_back.png" alt="">-->
            <!--</span>-->
            <span class="titleFont">{$groupInfo.groupInfo.name}</span>
            <!--<span class="next">-->
            <!--<img src="img/share.png" alt="" class="classIcon">-->
            <!--</span>-->
        </div>
    </div>
    <div class="new" ref="wrapper">
        <div class="new1">
            <div style="position: relative;width: 100%;height: 5.9rem;">
                <div class="headMask"></div>
                <!--头部-->
                <div class="head"
                     style="background: url({$groupInfo.groupInfo.cover_pic | default_cover}) no-repeat center;position: absolute;left: 0;top: 0;"></div>
            </div>
            <div class="headCon">
                <div class="view">
                    <img src="{$groupInfo.groupInfo.avatar | default_head}" alt="">
                </div>
                <p class="circle">
                    {$groupInfo.groupInfo.nick}
                </p>
                <p class="id">
                    ID:{$groupInfo.groupInfo.group_no}
                </p>
                <p class="create">
                    创建{$groupInfo.groupInfo.cday}天，班长：{$groupInfo.groupInfo.nick} <!--今天活跃过-->
                </p>
            </div>
            <div class="classStar mainClassStar">

                <div class="content3">
                    <ul>
                        <li>
                            <a href="#">
                                <div>
                                    <img src="__STATIC__/share/img/pen.png" alt="">
                                </div>
                                <span>主题{$groupInfo.groupInfo.posts_count}</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="capIcon">
                                    <img src="__STATIC__/share/img/cap.png" alt="">
                                </div>
                                <span>精华{$groupInfo.groupInfo.essences}</span>
                            </a>
                        </li>

                    </ul>
                    <div class="line"></div>
                </div>
            </div>
            <div class="classStar">
                <div class="classContent">
                    <div class="intro">
                        <label>班级介绍</label>
                        <div class="bgcolor"></div>
                    </div>
                    <p class="study">
                        {$groupInfo.groupInfo.summary}
                    </p>
                    <div class="free">
                        <span>学费须知</span>
                        <div class="bgcolor"></div>
                    </div>
                    <div class="data">
                        <img src="__STATIC__/share/img/usdt.png" alt="">
                        <span>USDT</span>
                        <label style="color: #D94237;">{$groupInfo.groupInfo.money}</label>
                    </div>
                    <div class="pay">
                        <p>1.付费后，你可以使用当前的付款账户参与互动</p>
                        <!--<p>有效期：<span style="color: #D94237; ;">2018/12/10至2019/12/30</span></p>-->
                        <p>虚拟商品原则上不予退款，如有争议，请联系客服,</p>
                        <p>会耐心为您解答</p>
                    </div>
                </div>
            </div>
            <!--部分主题预览-->
            <div class="classStar">
                <div class="theme">
                    部分主题预览
                </div>
            </div>
            <!--评论-->
            <div class="classStar">
                {volist name="groupInfo.postList" id="post"}
                <div class="comment1 clear">
                    <div class="img">
                        <img src="{$post.avatar | default_head}" alt="">
                    </div>
                    <div class="comment1Content">
                        <div class="className"><span>{$post.nick}</span>
                            <p>班长</p>
                        </div>
                        <p class="classTime">{$post.ctime}</p>
                        <pre><p class="speak">{$post.body}</p></pre>
                        <div class="imgs clear">
                            {volist name="post.images" id="img"}
                            <img class="list-item" src="{$img.img}" alt="">
                            {/volist}
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
                {/volist}
            </div>
        </div>
    </div>
    <!--底部-->
    <div class="joinClass">
        <a href="javascript:void(0)">
            <span>加入班级</span>
        </a>
    </div>
</div>
<div class="big_img">
    <div class="swiper-container2">
        <div class="swiper-wrapper"></div>
    </div>
</div>
<div class="msgbox-mask"></div>
<div class="msgbox">
    <div class="msgbox-header">
        <div class="msgbox-tit">提示</div>
    </div>
    <div class="msgbox-content">
        <div class="msgbox-msg">请先下载APP</div>
    </div>
    <div class="msgbox-btn">
        <a href="javascript:void(0)" class="msgbox-close">关闭</a>
        <a href="javascript:void(0)" class="msgbox-down">下载</a>
    </div>
</div>
<script>
    $(document).ready(function () {
        $(".speak").each(function () {
            value = $(this).html()
            let v = emoji(value)
            $(this).html(v)
        })
    });
</script>
</body>
</html>